<template>
  <div class="wrapper">
    {{$route.params.shopId}}
    <h3>店铺名称：{{shopInfo.shopName}}</h3>
    <h3>店铺类别{{shopInfo.shopTypeName}}</h3>
    <img v-if="shopInfo.shopPic" :src="'/api/'+shopInfo.shopPic" alt />
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      shopInfo: {}
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  async mounted() {
    const { shopInfo } = await this.$axios.get(
      "/shopInfo/" + this.$route.params.shopId
    );
    console.log(shopInfo);
    this.shopInfo = shopInfo;
  }
};
</script>
<style lang="scss" scoped>
</style>